<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 箭头函数： =>

        // 具名函数
        // function add(a, b){
        //     return  a + b;
        // }

        // 匿名函数
        const add = function(a, b){
            return a + b;
        }
        // 我们可以将上面的匿名函数改成箭头函数: 去掉function， 在()和{}之间放置 =>
        const add2 = (a, b) => {
            return a + b;
        }
        // 若箭头函数内只有一条语句，可以省略 {} ，而且 return 也省略不写
        const add3 = (a, b) => a + b;

        // 测试
        console.log(add(10,20)); // 30
        console.log(add2(10,20)); // 30
        console.log(add3(10,20)); // 30


        // 箭头函数的应用

        // 数组的方法 sort  filter  map  some  every
        const arr = [12,35,56,79,66,51,32];
        // 使用数组的filter方法将里面的偶数都获取出来
        // const brr = arr.filter(function(item){
        //     return item % 2 == 0;
        // });
        // 改成箭头函数
        //const brr = arr.filter((item) => item % 2 == 0); // 只有一个参数，小括号省略不写
        const brr = arr.filter(item => item % 2 == 0); 

        // 测试
        console.log(brr);

        
        // 数组的排序
        const stuList = [
            {name:"张三", age: 20},
            {name:"李四", age: 18},
            {name:"王五", age: 21},
            {name:"赵六", age: 19},
            {name:"田七", age: 22}
        ];
        // 将上面学生信息安照年龄的升序排序
        // stuList.sort(function(item1,item2){
        //     return item1.age - item2.age; 
        // });
        stuList.sort((item1,item2) => item1.age - item2.age);

        console.log(stuList);



    </script>
</body>
</html>